Subscribe

RSS Feed (xml)

Powered By

Skin Design:
Free Blogger Template

Powered by Blogger

Tampilkan postingan dengan label Tips and Trik blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tips and Trik blog. Tampilkan semua postingan

Oktober 02, 2009

Membuat Blogroll pada Blog

Teman – teman suka Bertukar Link atau bahasa gaul nya Link Exchange? Mungkin Tutorial ini sangat berguna sekali. Karena dengan membuat Blogroll Ngumpet ini, sebanyak apapun teman – teman sering Bertukar Link, sering ber Link Exchange ria, sehingga Link – Link – Link nya menjadi sangat banyak, Blogroll Ngumpet ini mungkin adalah Solusinya (solusi dalam memecahkan masalah per Link – Link an).

Bagaimana sih cara membuatnya? Siapkan seperangkat Komputer yang sudah terhubung dengan Internet. Lebih enak lagi Internet Gratis. Kemudian, silahkan buka Browser teman – teman entah itu Mozilla Firefox, Internet Explorer, Flock atau Google Chrome.

Kalau Browser nya sudah di Buka – Bukaan, Silahkan Login di Blogger.Com >>> Masuk ke Layout >>> Page Element >>> Add A Gadget >>> Html/Javascript. Kemudian Copy kode HTML di bawah ini dan Paste kan.



<style type="text/css">
#gb{
position:fixed;
top:230px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:66px;
width:27px;
float:left;
cursor:pointer;
background:url('http://i559.photobucket.com/albums/ss31/blogger-indramayu/Icon%20Navigasi/Up-down.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FDFBFB;
background:#FDFBFB;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">


<marquee direction="down" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="70" align="center">

<a style="text-decoration:none;" href="http://blogger-indramayu.blogspot.com" target="new">Internet Marketing</a><br/>

<a style="text-decoration:none;" href="http://re-financing-right.blogspot.com" target="new">Refinancing Right</a><br/>

<a style="text-decoration:none;" href="http://autos-trend.blogspot.com" target="new">Auto Trends</a>

</marquee>
<br/><br/>
<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="70" align="center">

<a style="text-decoration:none;" href="http://silver-coin-s.blogspot.com" target="new">Silver Coins</a><br/>

<a style="text-decoration:none;" href="http://1st-zone.blogspot.com" target="new">Computers</a><br/>

<a style="text-decoration:none;" href="http://free-tool-s.blogspot.com" target="new">Free Tools</a>

</marquee>


<br/><br/>
<a href="http://blogger-indramayu.blogspot.com"> Internet Marketing</a>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>



Kemudian di simpan. Jadi deh. Keterangan, kode yang berwarna merah (230px) itu untuk mengatur tinggi rendahnya Blogroll Ngumpet. Kode berwarna UNGU (#FDFBFB) untuk mengganti warna Border. Kode berwarna kuning (#FDFBFB) untuk mengganti warna background. Info HTML Colors Code Chart. Untuk melihat contohnya, silahkan masuk di Free Tools. Silahkan Klik pada gambar Up - Down disebelah kanan.

Jangan Lupa untuk mengganti Link _ Link Blog saya tersebut dengan Link – Link teman – teman dari Bertukar Link. Pada kode HTML di atas, saya pasang Backlink ke Blogger Indramayu yang lagi Belajar Internet Marketing. Teman – teman yang baik hati, kalau mau Membuat Blogroll Ngumpet ini, tolong Backlink nya jangan di hapus ya. Semoga bermanfaat.

Read More......

September 26, 2009

Memasang gambar pada background Posting

Halo teman2 blogger gimana kabarnya hari ini, mudah-mudahan sehat selalu yah. Kali ini saya ada sedikit tips berkaitan dengan hias-hias blog, bagi yang hobi hias-hias blog maka anda sudah ada di jalan yang benar dan silahkan melanjutkan artikel ini, hehe. Memang yah kalo ngomongin editing blog itu ga ada puas dan habis2nya selalu aja pengen utak-atik dan merasa kurang. Tapi jangan khawatir kawan karena ini bukan widget yang akan memberatkan blog, melainkan gambar yang nantinya akan menjadi background posting artikel kita. Yups saya akan membahas bagaimana cara memasang gambar pada background postingan.


Sebagai contoh silahkan lihat background image di postingan ini, gimana kawan bagus ga? Cara bikinnya gampang banget ko(sok pinter MODE ON) hanya menambahkan sedikit kode diantara postingan. Kodenya seperti ini

<div style="background:url(URL Image) no-repeat;">

Letak Postingan

</div>

Saya rasa anda tidak bodoh melihat kode diatas dan sudah bisa menyesuaikannya. Kalau background image nya ingin ada di setiap posting tinggal Setting dashboard dan klik menu formating dan letakan kode tersebut pada kotak template posting. Oya bagi yang mahir photoshop sebaiknya edit dulu gambar supaya lebih pas dan transparan. Oke segitu sajalah mata saya sudah nggak bisa diajak ngopi lagi nih..

Read More......

Mengganti icon blog pada blog


Apakah anda pernah memperhatikan icon blog anda yang terletak di addressbar..?
Bagi yang udah bosan dengan icon default tersebut, dan ingin menggantinya.?
saya akan coba bantu.

Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini
[ photobucket ]
Dan jangan lupa mencopy alamat URL dari icon tersebut.Cara mendapatkan URLnya, silahkan anda klik kanan pada icon yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location


Jika anda sudah mendapatkannya, silahkan ikuti caranya di bawah ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Klik kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode </head>
6. Persis sebelum kode tersebut, copypastekan script berikut ini

<link href='http://www.boongan_doang.jpg' rel='SHORTCUT ICON'/>


7. Jangan lupa mengganti tuilsan warna merah dengan alamat URL pilihan anda
8. Klik Pratinjau untuk melihat hasil perubahan yang telah kita lakukan
9. Jika sudah, klik Simpan Template
10. Selesai

Selamat mencoba, semoga bermanfaat

Read More......

September 25, 2009

Membuat animasi Flash di blog


Untuk memperindah blog agar lebih atraktif lagi kita bisa menambahkan embel-embel animasi flash. Cara membuatnya tidak terlalu sulit, yang kamu perlukan hanya file flash yang ber-extensi swf. silahkan cari sendirigelakgulinggelakguling. Kalo sudah punya file flashnya kamu tinggal upload ke situs tempat web hosting, bisa di geocities.com, imageshack dll yang nantinya bisa kamu pasang di header, sidebar atau dimanapun yang kamu mau (asal jangan di blog inigilegelakguling). Untuk memasangnya di blog langkahnya sebagai berikut;


1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :


<embed src="http://borokokok.com/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>


Catatan:
* Ganti "http://borokokok.com/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100" yang sesuai dengan ukuran file flashmu

Read More......

Membuat teks Berkedip/Blink

Saya sering melihat di blog teman-teman menemukan kata atau kalimat yang berkedip-kedip. Waktu itu saya mikir, bagaimana cara membuat teks berkedip-kedip itu, sepertinya sulit sekali membuatnya? Contohnya kayak gini

'Aku Orang Ganteng'. Kalo pertama liat pasti situ juga akan heran kayak saya. Setelah selidik punya selidik eh.. ternyata membuat teks berkedip itu gampang banget, suer deh.. Untuk membuat teks berkedip itu kita hanya perlu menambahkan sedikit kode HTML


Kode HTMLnya seperti ini:


<blink>(Kata yang ingin kamu kedipkan)</blink>



Kita tinggal menyisipkan kalimat yang ingin berkedip/blink diantara kode dan

Contohnya kayak gini

<blink>Aku orang yang ganteng dan baik hati</blink>


Hasilnya akan seperti ini:
Aku orang yang ganteng dan baik hati


Mudah bukan.. selamat membuat teks berkedip yah..
Oya, trik ini hanya bisa dilakukan di blog yang mendukung HTML kayak blogger saja. Kalo di WP sampe jungkir balik juga kayaknya ga bakal bisa


Read More......

Membuat gambar hidup pada blog

Anda pingin ada sesuatu gambar hidup yang menghiasi halaman blog anda..?Gambar ini bisa anda letakkan di salah satu pojok di halaman blog anda. Anda bisa meletakkannya di kiri atas, kiri bawah, kanan atas ataupun kanan bawah.

Bagaimana caranya..?Silahkan ikuti langkah-langkah berikut ini.

1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ gifs ]
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Blog anda
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini:
#trik_pojok {

position:fixed;_position:absolute;bottom:0px; left:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight);

_left:expression(document.documentElement.scrollLeft+

document.documentElement.clientWidth - offsetWidth); }


9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini

<div id="trik_pojok">

<a href="http://media-downsoft.blogspot.com">

<img src="http://www.boongan_doang.gif" border="0" /></a>

</div>


13. Silahkan ganti http://media-downsoft.blogspot.com dengan alamat blog anda
14. Ganti juga http://www.boongan_doang.gif dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai

Selamat mencoba, semoga bermanfaat


Read More......

Membuat judul blog bergerak


Untuk memperindah penampilan halaman blog anda, tidak ada salahnya jika anda juga mengikuti trik berikut ini, yaitu cara membuat judul blog bisa bergerak. Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode

<title><data:blog.pageTitle/></title>

6. Ganti kode tersebut dengan script berikut ini

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


7. Angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan ganti sesuai dengan selera anda. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400
8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai dengan yang kita inginkan
9. Jika sudah oke, klik Simpan Template
10. Selesai

Selamat mencoba, semoga bermanfaat

Read More......

Mengganti penampilan Cursor menjadi lebih menarik


Jika anda sudah bosan melihat penampilan cursor anda yang hanya berupa garis panah, dan ingin menggantinya menjadi lebih menarik, saya akan berikan triknya. Silahkan anda ganti sesuka hati gambar apapun yang akan anda inginkan.

Mungkin trik ini sudah banyak para sobat yang tahu, tapi karena saya hanyalah pemain baru dalam design website, wajar rasanya saya meluangkan waktu untuk bisa berbagi untuk para sobat sekalian yang mungkin juga baru di dunia website ini. Dan untuk senior-senior design website yang membaca postingan ini, mohon beri masukkan kepada kami yang baru belajar dan pingin belajar.

Oke, kita kembali lagi ke cursor yang kita ganti, silahkan ikuti langkah-langkah berikut ini :

1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari di dalam template anda kode body {
6. Persis setelah kode tersebut, pastekan script di bawah ini

cursor: url("http://bohongan_doang.gif"), default;

7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat URL gambar pilihan anda
8. Untuk mendapatkan alamat URL tersebut, silahkan surfing di sini [ cursors.funutilities ]
9. Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
10. Klik Pratinjau untuk melihat hasil kerja anda
11. Klik Simpan Template jika sudah sesuai dengan keinginan anda
12. Selesai

Selamat mencoba, semoga bermanfaat

Read More......

Cursor dengan Bintang kecilnya


Dalam beberapa hari yang lalu ada seorang blogger Ashif yang selalu minta diajarin cara membuat cursor yang apabila digerakkan akan mengeluarkan bintang-bintang kecil, seperti cursor yang saya gunakan di halaman blog ini.

Dan sayapun telah berjanji dengan Ashif untuk menerbitkan postingan untuk menjawab pertanyaannya, saya mohon maaf kepada Ashif karena agak telat untuk menjawabnya.

Tanpa berpanjang lebar lagi, tiba saatnya saya jelaskan cara membuatnya. Silahkan ikuti langkah-langkahnya:

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan script di bawah ini ke dalam kolom Konten

<script src="http://h1.ripway.com/pinginbelajar/cursor/aagen.js" type="text/javascript"></script>

7. Silahkan anda ganti tulisan aagen dengan salah satu warna kesayangan anda dari 10 pilihan warna di bawah ini, karena dengan pilhan warna ini, anda bisa menyesuaikan warna halaman site anda dengan warna bintang tersebut

black blue cyan green orange purple red silver white yellow


8. Klik Simpan
9. Selesai

PENTING...!!
Jika saat ini cursor anda menggunakan script yang ada text mengikutinya, maka script bintang kecil ini tidak akan bekerja. MAKA sebaiknya anda delete saja dulu script untuk cursor yang ada text mengikutinya.

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat


Read More......

Efek daun dan Bintang berjatuhan


Pada postingan sebelumnya saya telah membuat artikel tentang efek salju yang berterbangan di halaman blog. Sekarang saya akan coba lagi membuat postingan yang intinya tidak jauh-jauh dari efek salju tersebut untuk memperindah halaman blog anda.

Pada postingan kali ini tiba giliran efek daun kering berguguran dan efek bintang berjatuhan yang akan saya terbitkan.

Jika anda tertarik untuk menambah efek tersebut pada halaman site anda, silahkan ikuti langkah-langkah berikut ini :


1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan salah satu script di bawah ini ke kolom Konten

Efek daun berguguran, dengan jumlah 20 buah daun kering

<script src="http://h1.ripway.com/pinginbelajar/daunberguguran/20.js" type="text/javascript"></script>

Efek daun berguguran, dengan jumlah 30 buah daun kering

<script src="http://h1.ripway.com/pinginbelajar/daunberguguran/30.js" type="text/javascript"></script>

Efek bintang berjatuhan, dengan jumlah 20 buah bintang

<script src="http://h1.ripway.com/pinginbelajar/bintangberjatuhan/20.js" type="text/javascript"></script>

Efek bintang berjatuhan, dengan jumlah 30 buah bintang

<script src="http://h1.ripway.com/pinginbelajar/bintangberjatuhan/30.js" type="text/javascript"></script>

7. Klik Simpan
8. Selesai

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat

Read More......

Alert Message menghiasi blog dan FS

Lert Message adalah sebuah pesan yang muncul ketika anda akan masuk ke salah satu site. Biasanya pesan yang tampil kebanyakkan adalah pesan selamat datang. Apakah anda pernah menemukannya.? Apakah anda tertarik untuk menciptakan sebuah alert message di site anda.? Dan bagaimana caranya..?

Gampang..!

Silahkan copy script di bawah ini.

<script language="JavaScript">alert("isikan dengan kalimat pilihan anda");</script>


Untuk ditempatkan ke blog:

1. Login ke blog anda
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode </head>
6. Persis sebelum kode tersebut, copypastekan script yang tadi
7. Jangan lupa edit "tulisan yang berwarna merah" dengan pesan yang anda inginkan. (tanda kutip jangan dihilangkan)
8. Klik Pratinjau untuk melihat perubahan yang anda inginkan
9. Jika sudah, klik Simpan Template
10. Selesai

Untuk ditempatkan ke Friendster:

1. Login ke Friendster anda
2. Sorot My Profile dan klik Edit Profile
3. Silahkan copypaste script tadi ke kolom About Me atau ke kolom Describe Who You Want To Meet
4. Jangan lupa edit "tulisan yang berwarna merah" dengan pesan yang anda inginkan. (tanda kutip jangan dihilangkan)
5. Klik Save
6. Selesai

Selamat mencoba, semoga bermanfaat


Read More......

Menambah Gadget di bawah Header...?

Selama ini mungkin kita hanya tahu bagaimana cara menambah Gadget di halaman bagian samping atau bagian bawah. Tapi bagaimana caranya kalau kita pingin menambah Gadget di bagian atas...?

Untuk mengetahuinya, silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode berikut ini di dalam template anda

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>


6. Jika sudah ketemu, silahkan ganti semua kode tersebut dengan kode berikut ini

<b:section class='header' id='header' preferred='yes'>


7. Klik Simpan Template
8. Selesai

Selamat mencoba, semoga bermanfaat


Read More......

My ProfiL

Foto saya
Tangerang, Indonesia
Gw Mahasiswa di salah satu Universitas swasta di jakarta dengan jurusan Teknik Informatika. Gw mencoba untuk memberikan informasi yang bisa gw sampaikan lewat blog ni.. Mudah2n informasi yang gw posting bisa bermanfaat bagi kita semua...